/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary: #1890ff;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;
$--color-info: #1e1e1e;

$--button-font-weight: 400;

$--color-text-regular: #1f2d3d;

$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;

$--table-border: 1px solid #dfe6ec;

/* icon font path, required */
$--font-path: 'element-plus/lib/theme-chalk/fonts';

@import 'element-plus/packages/theme-chalk/src/base.scss';
@import 'element-plus/lib/theme-chalk/index.css';

/**
* the :export directive is the magic sauce for webpack
* https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
**/
:export {
  $my-theme: $--color-primary;
}
